<template>
  <el-container>
    <el-header height="30px">
      <div id="app">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="InputPage" name="input"></el-tab-pane>
          <!-- <el-tab-pane label="OutputPage" name="output"></el-tab-pane> -->
          <el-tab-pane label="Items" name="items"></el-tab-pane>
        </el-tabs>
      </div>
    </el-header>
    <el-main><router-view /></el-main>
  </el-container>
</template>
<script>
export default {
  data() {
    return {
      activeName: '',
      display:'',
    }
  },
  created() {
    const _this = this
    _this.$router.push({ path:'/input'}, () => {})
    _this.activeName = 'input'
  },
  methods: {
    handleClick(tab) {
      const _this = this
      _this.$router.push({ path:'/'+ tab.name }, () => {})
      _this.activeName = tab.name
    }
  }
}
</script>
